Ext.ns('Taxamatch');

Taxamatch.AboutPanel = function(config){
	
	Ext.apply(this, config, { 
			html: '<div id="about" class="panel" title="About"><fieldset class="forceleft" style="padding-left: 10px"><p>Taxamatch Mobile (iPhone Edition)</p><p>Version: 1.0.0</p><p>Taxamatch is an algorithm for fuzzy (approximate string) matching of taxon scientific names.</p></fieldset></div>'
		,	bodyPadding: 15
		,	draggable: false
		,	dockedItems: [{
					xtype: 'toolbar'
				,	dock: 'top'
				,	title: 'About'
				,	items: [{
						text: 'Taxamatch'
					,	ui: 'back'
					,	handler: function() {
							Ext.getCmp('mainPanel').setActiveItem(0);							
						}	
					}]
			}]
	});
	
	Taxamatch.AboutPanel.superclass.constructor.call(this,config);
};

Ext.extend(Taxamatch.AboutPanel , Ext.Panel, {
});